<template>
  <div class="order">
    <div class="order-item">
      <h4>上海南 -> 桂林</h4><h4>T77次</h4>
      <div>
        <span class="date">日期：2012-01-03 16:25开</span>
        <div class="information">
          <span class="seat">06车03A号</span>
          <span class="cost">￥98元</span>
          <span class="type">硬座</span>
        </div>
        

      </div>
      
    </div>
  </div>
</template>

<script>
</script>

<style lang="scss" scoped>
.order {
  h4 {
    display: inline-block;
    margin: 20px 0 20px 10px;
  }
  h4+h4 {
    position: absolute;
    right: 50px;
  }
  span {
    margin-left: 10px;
  }
  span+span {
    margin-left: 30px;
  }
  .information {
    margin: 20px auto;
  }
  .order-item {
    margin: 20px 20px;
    border: 1px solid #ccc;
  }
  .date {
    display: block;
    font-size: 20px;
  }
  
}
</style>
